<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.css"/>
		<link rel="stylesheet" href="../css/common.css" />
		<style type="text/css">
			
			table,th{
				text-align: center;
				font-size: 1.6rem;
			}
			.info-box{
				background: #FFFFFF;
				box-shadow: 0 3px 3px 0 rgba(0,0,0,0.15);
				height: 270px;
				padding-bottom: 30px;
				padding: 15px;
				width: 90%;
			}
			.column{
				padding: 0;
				margin-bottom: 25px;
			}
			.info-box p{
				font-size: 12px;
				color: #666666;
				letter-spacing: 0.24px;
				line-height: 18px;
				min-height: 144px;
				margin: 0;
			}
			h4{
				font-size: 17px;
				color: #333333;
				letter-spacing: 0.34px;
			}
			.look-num,.edit-time{
				padding: 0;
				font-size: 12px;
				color: #999999;
				letter-spacing: 0.24px;
				margin-top: 10px;
			}
		</style>
	</head>
	<body>
		<header>
			<div class="logo-img">
				<img src="../img/logo.png"/>
			</div>
			<div class="head-nav">
				<ul>
					<li class="nav-active"><a href="">首页</a></li>
					<li><a href="">办事指南</a></li>
					<li><a href="">通知公告</a></li>
					<li><a href="">新闻动态</a></li>
					<li><a href="">下载中心</a></li>
					<li><a href="">联系我们</a></li>
					<li><a href="">党务信息</a></li>
				</ul>
				<div class="search">
					<input type="text" name="" id="" value="" />
					<img src="../img/search.png"/>
				</div>
				<div class="">
					<div class="news-des row">
						<div class="col-lg-6 col-sm-6 col-md-6 col-xs-6">
							<div>
								<p>1.闵行校区校外中、大型及施工车辆入校申请流程</p>
								<p class="new-time">2018-12-22</p>
							</div>
							<div>
								<p>1.闵行校区校外中、大型及施工车辆入校申请流程</p>
								<p class="new-time">2018-12-22</p>
							</div>
							<div>
								<p>1.闵行校区校外中、大型及施工车辆入校申请流程</p>
								<p class="new-time">2018-12-22</p>
							</div>
						</div>
						<div class="col-lg-6 col-sm-6 col-md-6 col-xs-6">
							<div>
								<p>1.闵行校区校外中、大型及施工车辆入校申请流程</p>
								<p class="new-time">2018-12-22</p>
							</div>
							<div>
								<p>1.闵行校区校外中、大型及施工车辆入校申请流程</p>
								<p class="new-time">2018-12-22</p>
							</div>
							<div>
								<p>1.闵行校区校外中、大型及施工车辆入校申请流程</p>
								<p class="new-time">2018-12-22</p>
							</div>
						</div>
						<div class="more">
							<span>更多</span>
							<img src="img/more.png"/>
						</div>
					</div>
				</div>
			</div>
		</header>
		<ol class="breadcrumb">
		    <li><a href="#">首页</a></li>
		    <li><a href="#">党务信息</a></li>
		    <li>更多</li>
		</ol>
		<article>
			<div class="container">
			   <div class="row">
			      <div class="col-md-9 a-left">
			      	<div class="col-md-4 column">
						<div class="info-box">
							<h4 class="el-2">
								保卫处党支部、各党小组开展“学习十九大精神”系列专题学习活动
							</h4>
							<p class="el-8">
								习近平总书记在党的十九大报告中强调：“坚持总体国家安全观。统筹发展和安全，增强忧患意识，做到居安思危，是我们党治国理政的一个重大原则。”进入12月，保卫处全体党员围绕十九大报告中关于“坚持总体国家安全观”的重要论述，以学校安全检查月为载体，以学促思，知行合一，就如何在更高层次、更高水平上推进平安校园建设进行了深入...
							</p>
							<div>
								<div class="col-md-6 look-num" style="text-align: left;">
									<img src="../img/yuedu.png"/>
									<span>321</span>
								</div>
								<div class="col-md-6 edit-time" style="text-align: right;">
									<img src="../img/shijian.png"/>
									<span>2017-03-12</span>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-4 column">
						<div class="info-box">
							<h4 class="el-2">
								保卫处党支部、各党小组开展“学习十九大精神”系列专题学习活动
							</h4>
							<p class="el-8">
								习近平总书记在党的十九大报告中强调：“坚持总体国家安全观。统筹发展和安全，增强忧患意识，做到居安思危，是我们党治国理政的一个重大原则。”进入12月，保卫处全体党员围绕十九大报告中关于“坚持总体国家安全观”的重要论述，以学校安全检查月为载体，以学促思，知行合一，就如何在更高层次、更高水平上推进平安校园建设进行了深入...
							</p>
							<div class="col-md-6 look-num" style="text-align: left;">
								<img src="../img/yuedu.png"/>
								<span>321</span>
							</div>
							<div class="col-md-6 edit-time" style="text-align: right;">
								<img src="../img/shijian.png"/>
								<span>2017-03-12</span>
							</div>
						</div>
					</div>
					<div class="col-md-4 column">
						<div class="info-box">
							<h4 class="el-2">
								保卫处党支部、各党小组开展“学习十九大精神”系列专题学习活动
							</h4>
							<p class="el-8">
								习近平总书记在党的十九大报告中强调：“坚持总体国家安全观。统筹发展和安全，增强忧患意识，做到居安思危，是我们党治国理政的一个重大原则。”进入12月，保卫处全体党员围绕十九大报告中关于“坚持总体国家安全观”的重要论述，以学校安全检查月为载体，以学促思，知行合一，就如何在更高层次、更高水平上推进平安校园建设进行了深入...
							</p>
							<div class="col-md-6 look-num" style="text-align: left;">
								<img src="../img/yuedu.png"/>
								<span>321</span>
							</div>
							<div class="col-md-6 edit-time" style="text-align: right;">
								<img src="../img/shijian.png"/>
								<span>2017-03-12</span>
							</div>
						</div>
					</div>
					<div class="col-md-4 column">
						<div class="info-box">
							<h4 class="el-2">
								保卫处党支部、各党小组开展“学习十九大精神”系列专题学习活动
							</h4>
							<p class="el-8">
								习近平总书记在党的十九大报告中强调：“坚持总体国家安全观。统筹发展和安全，增强忧患意识，做到居安思危，是我们党治国理政的一个重大原则。”进入12月，保卫处全体党员围绕十九大报告中关于“坚持总体国家安全观”的重要论述，以学校安全检查月为载体，以学促思，知行合一，就如何在更高层次、更高水平上推进平安校园建设进行了深入...
							</p>
							<div class="col-md-6 look-num" style="text-align: left;">
								<img src="../img/yuedu.png"/>
								<span>321</span>
							</div>
							<div class="col-md-6 edit-time" style="text-align: right;">
								<img src="../img/shijian.png"/>
								<span>2017-03-12</span>
							</div>
						</div>
					</div>
					<ul class="pagination">
						<li><a href="#">&laquo;</a></li>
						<li><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li><a href="#">4</a></li>
						<li><a href="#">5</a></li>
						<li><a href="#">&raquo;</a></li>
					</ul>
			      </div>
			      <div class="col-md-2 col-md-offset-1 a-right">
			      	<div class="call-phone row ">
			      		<p class="p-title">公共应急电话</p>
			      		<div class="col-md-6">治安刑事</div>
			      		<div class="col-md-6 l-phone">110</div>
			      		<div class="col-md-6">火灾报警</div>
			      		<div class="col-md-6 l-phone">119</div>
			      		<div class="col-md-6">医院急救</div>
			      		<div class="col-md-6 l-phone">120</div>
			      		<div class="col-md-6">环保热线</div>
			      		<div class="col-md-6 l-phone">12319</div>
			      	</div>
			      	<div class="call-phone row gap">
			      		<p class="p-link">友情链接</p>
			      		<div class="col-md-12 web-link">政务网站</div>
			      		<ul class="l-link">
			      			<li>中国上海</li>
			      		</ul>
			      		<div class="col-md-12 web-link">国内高校</div>
			      		<ul class="l-link">
			      			<li>中国上海</li>
			      		</ul>
			      		<div class="col-md-12 web-link">国外高校</div>
			      		<div class="col-md-12 web-link">媒体链接</div>
			      		<div class="col-md-12 web-link">校内链接</div>
			      	</div>
			      	<div class="call-phone row gap">
			      		<p class="p-pick">停车缴费平台</p>
			      	</div>
			      </div>      
			   </div>
			</div>
		</article>
		<footer>
			<div class="foot-bottom">
				<p>版权所有�-2018 上海交通大学保卫处 上海市华山路1954号 邮编：200030 沪ICP备05052060</p>
			</div>
		</footer>
	</body>
	<script src="https://code.jquery.com/jquery-3.3.1.js"
 	 integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
 	 crossorigin="anonymous"></script>
 	 <script src="../js/bootstrap.js"></script>
 	 <script type="text/javascript">
		$(function(){
			var swidth=window.screen.availWidth-getScrollWidth();
			//$('.foot-bottom').css('width',swidth);
			$('.foot-bottom').css('min-width',swidth);
			$('#myCarousel').css('min-width',swidth);
			$('#myCarousel').carousel({
			    interval: 3000
			})
			$('.head-nav li').hover(function(){
				$('.news-des').show(300);
			},function(){
				$('.news-des').hide(300);
			})
			$('.web-link').click(function(){
				$(this).toggleClass('open-close');
			})
		})
		//计算出滚动条宽度
		function getScrollWidth() {  
		  var noScroll, scroll, oDiv = document.createElement("DIV");  
		  oDiv.style.cssText = "position:absolute; top:-1000px; width:100px; height:100px; overflow:hidden;";  
		  noScroll = document.body.appendChild(oDiv).clientWidth;  
		  oDiv.style.overflowY = "scroll";  
		  scroll = oDiv.clientWidth;  
		  document.body.removeChild(oDiv);  
		  return noScroll-scroll;  
		}  
	</script>
</html>
